// hero
header {
  background: url("img/head.png") repeat scroll 0 0 #f4f4f4;
}
#BlogTitle {
  font-size: 33px;
  margin-top: 20px;
  margin-bottom: 10px;
}
#BlogSubTitle {
  color: #666;
  margin-top: 10px;
  margin-bottom: 5px;
}
// 头部图标
.contact {
  margin-bottom: 10px;
  margin-top: 30px;
}
// .contact i:before {
//   animation: 2s linear 0s normal none infinite spinAround;
// }
.contact i {
  display: inline-block;
  vertical-align: top;
  height: 50px;
  width: 50px;
  margin-bottom: 5px;
  margin-right: 8px;
  border-radius: 50px;
  transition: all 0.2s ease 0s, color 0.2s ease 0s;
}
.icon-sina {
  background: url(img/icons.png) no-repeat;
}
.icon-sina:hover {
  background: url(img/icons.png) no-repeat -50px 0;
}
.icon-email {
  background: url(img/icons.png) no-repeat 0 -50px;
}
.icon-email:hover {
  background: url(img/icons.png) no-repeat -50px -50px;
}
.icon-weixin {
  background: url(img/icons.png) no-repeat 0 -150px;
}
.icon-weixin:hover {
  background: url(img/icons.png) no-repeat -50px -150px;
}
.icon-rss {
  background: url(img/icons.png) no-repeat 0 -200px;
}
.icon-rss:hover {
  background: url(img/icons.png) no-repeat -50px -200px;
}

// 导航条
.navbar-nav li:hover {
  transition: all 1s ease;
  color: #eee;
  background-color: @bw-red;
}
.navbar-nav > li > a {
  border-left: 1px solid #444;
  border-right: 1px solid #111;
}
